
var Vm = new Vue({
	el:'.left',
	data:{
		name:[
			{
				'name':'声音服务',
				'src':'img/left-menu.png'
			},
			{
				'name':'我的订单',
				'src':'img/left-my.png'
			},
			{
				'name':'发现主播',
				'src':'img/left-see.png'
			},
			{
				'name':'设置偏好',
				'src':'img/left-stall.png'
			},
		],
		names:[
			{
				'name':'收藏主播',
				'src':'img/left-cang.png'
			},
			{
				'name':'充值套餐',
				'src':'img/left-rmb.png'
			}
		],
		off:'',
		two:'100'
	},
	ready:function(){
	},
	methods:{
		addclass:function(index){
			this.two=100;
			this.off=index;
			
		},
		adds:function(index){
			this.off=100;
			this.two=index;
		}
	}
})
var all = Vue.extend({
	template:'#all',
	data:function(){
		return{
			data:{
				mail:[
					{
						'text':'今日娱乐："中国好声音"归唐德了，2 月内地票房仅 60 亿...',
						'word':'3212字',
						'money':'23.00',
						'del':'40.32',
						'time':'预估322分钟',
						'ok':'09-29 22:00 左右送达',
						'type':'1'
					},
					{
						'text':'今日娱乐："中国好声音"归唐德了，11 月内地票房仅 6 亿...',
						'word':'322字',
						'money':'11.00',
						'del':'46.32',
						'time':'预估322分钟',
						'ok':'09-29 23:00 左右送达',
						'type':'1'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'秋刀鱼的滋味猫跟你都想了解',
						'word':'32字',
						'money':'18.00',
						'del':'64.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'爱可以不问对错，至少有喜悦感动',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'3'
					},
					{
						'text':'你要往哪走 把我灵魂也带走',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'4'
					},
						{
						'text':'今日娱乐："中国好声音"归唐德了，11 月内地票房仅 6 亿...',
						'word':'322字',
						'money':'11.00',
						'del':'46.32',
						'time':'预估322分钟',
						'ok':'09-29 23:00 左右送达',
						'type':'1'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'秋刀鱼的滋味猫跟你都想了解',
						'word':'32字',
						'money':'18.00',
						'del':'64.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'爱可以不问对错，至少有喜悦感动',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'3'
					},
					{
						'text':'你要往哪走 把我灵魂也带走',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'4'
					},
						{
						'text':'今日娱乐："中国好声音"归唐德了，11 月内地票房仅 6 亿...',
						'word':'322字',
						'money':'11.00',
						'del':'46.32',
						'time':'预估322分钟',
						'ok':'09-29 23:00 左右送达',
						'type':'1'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'秋刀鱼的滋味猫跟你都想了解',
						'word':'32字',
						'money':'18.00',
						'del':'64.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达',
						'type':'2'
					},
					{
						'text':'爱可以不问对错，至少有喜悦感动',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'3'
					},
					{
						'text':'你要往哪走 把我灵魂也带走',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达',
						'type':'4'
					}
				]
			}
		}
	},
	ready:function(){
		this.height();
	},
	methods:{
		pay:function(m){
			layer.confirm('您本次需要支付'+m+'元', {
			  btn: ['确认','取消'] //按钮
				}, function(){
				  layer.msg('支付完成', {icon: 1,time:1400});
				}, function(){
				  layer.msg('确定取消？', {
				    time: 20000, //20s后自动关闭
				    btn: ['确定', '取消']
			  });
			});
		},
		xiang:function(index){
			if(index==1){
				router.go('/wait')
			}else if(index==2){
				router.go('/dong')
			}else if(index==3){
				router.go('/finish')
			}else if(index==4){
				router.go('/talk')
			}
		},
		talker:function(){//评论弹框
			layer.open({
			  type: 2,
			  title: '评价',
			  area: ['445px', '518px'],
			  shade: 0.8,
			  shadeClose: false,
			  content: 'mask.html'
			});
			$('.layui-layer-title').css({'background':'#fff','border':'none','height':'70px','line-height':'70px','font-size':'17px','text-align':'center','padding':'0','font-weight':'bold'});
			$('.layui-layer-setwin').css({'top':'26px','right':'30px'})
		},
		
		height:function(){
			var h = $('.right').height();
			$('.left').css({'height':h})
		},
		key:function(d){
			window.location='mails.html?name='+d;
		}
	}
})
var wait = Vue.extend({
	template:'#wait',
	data:function(){
		return{
			Payment:{
				mail:[
					{
						'text':'今日娱乐："中国好声音"归唐德了，2 月内地票房仅 60 亿...',
						'word':'3212字',
						'money':'23.00',
						'del':'40.32',
						'time':'预估322分钟',
						'ok':'09-29 22:00 左右送达'
					},
					{
						'text':'今日娱乐："中国好声音"归唐德了，11 月内地票房仅 6 亿...',
						'word':'322字',
						'money':'11.00',
						'del':'46.32',
						'time':'预估322分钟',
						'ok':'09-29 23:00 左右送达'
					}
				]
			}
		}
	},
	ready:function(){
		
	},
	methods:{
		pay:function(m){
			layer.confirm('您本次需要支付'+m+'元', {
			  btn: ['确认','取消'] //按钮
				}, function(){
				  layer.msg('支付完成', {icon: 1,time:1400});
				}, function(){
				  layer.msg('确定取消？', {
				    time: 20000, //20s后自动关闭
				    btn: ['确定', '取消']
			  });
			});
		},
		key:function(d){
			window.location='mails.html?name='+d;
		}
	}
})
var dong = Vue.extend({
	template:'#dong',
	data:function(){
		return{
			data:{
				mail:[
					{
						'text':'这个网站想收集你的声音，帮助“无声人士”说话...',
						'word':'322字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估32分钟',
						'ok':'09-29 22:00 左右送达'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴',
						'word':'32212字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估322分钟',
						'ok':'09-2 22:00 左右送达'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达'
					},
					{
						'text':'秋刀鱼的滋味猫跟你都想了解',
						'word':'32字',
						'money':'18.00',
						'del':'64.32',
						'time':'预估322分钟',
						'ok':'09-9 22:00 左右送达'
					}
				]
			}
		}
	},
	ready:function(){
		
	},
	methods:{
		key:function(d){
			window.location='mails.html?name='+d;
		}
	}
})
var finish = Vue.extend({
	template:'#finish',
	data:function(){
		return{
			data:{
				mail:[
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'我无法帮你预言，委曲求全 有没有用',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'可是我多么不舍，朋友爱得 那么苦痛',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'爱可以不问对错，至少有喜悦感动',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'窗外的麻雀在电线杆上多嘴，你说这一句很有夏天的感觉',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					}
				]
			}
		}
	},
	ready:function(){
		
	},
	methods:{
//		talker:function(){
//			var index = layer.prompt({
//			       title : '快来评价一番吧'
//			},function(val, index){
//			      layer.msg('您的支持是我们的动力');
//			      layer.close(index);
//			});
//		},
		key:function(d){
			window.location='mails.html?name='+d;
		}
	}
})
var talk = Vue.extend({
	template:'#talk',
	data:function(){
		return{
			data:{
				mail:[
					{
						'text':'笑 就歌颂 一皱眉头就心痛',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'我没空理会我 只感受你的感受',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					},
					{
						'text':'你要往哪走 把我灵魂也带走',
						'word':'99212字',
						'money':'188.00',
						'del':'640.32',
						'time':'耗时52分钟',
						'ok':'09-9 22:00 提前送达'
					}
				]
				
			}
		}
	},
	ready:function(){
		
	},
	methods:{
		talker:function(){//评论弹框
			layer.open({
			  type: 2,
			  title: '评价',
			  area: ['445px', '518px'],
			  shade: 0.8,
			  shadeClose: false,
			  content: 'mask.html'
			});
			$('.layui-layer-title').css({'background':'#fff','border':'none','height':'70px','line-height':'70px','font-size':'17px','text-align':'center','padding':'0','font-weight':'bold'});
			$('.layui-layer-setwin').css({'top':'26px','right':'30px'})
		},
		key:function(d){
			window.location='mails.html?name='+d;
		}
	}
})
var router= new VueRouter();
router.map({
	'/all':{component:all},
	'/wait':{component:wait},
	'/dong':{component:dong},
	'/finish':{component:finish},
	'talk':{component:talk}
})
router.redirect({'/':'all'})
var App = Vue.extend({})
router.start(App, '#app');
console.log($('#butn'))
